$border-style:1px solid #C4C6CF;
$font-size:12px;
$btn-bg:#5584FF;

@mixin scrollBarStyle() {
    &::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        z-index: 99999999;
    }
    &::-webkit-scrollbar-thumb {
        border-radius: 7px;
        -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
        ;
        background: #EBECF0;
        z-index: 99999999;
    }
}

.myMainBody {
    .is-disabled .el-checkbox__inner::after {
        border-color: #000000 !important;
    }
    .el-tabs--card>.el-tabs__header {
        border-bottom: none;
        margin: 10px 0 5px;
        .el-tabs__nav {
            border: none;
            border-radius: 4px;
        }
        .el-tabs__item {
            border-left: $border-style;
            border-bottom: $border-style;
            border-top: $border-style;
            background: #F2F3F7;
            height: 30px;
            line-height: 30px;
            font-size: $font-size;
            &:first-child {
                border-radius: 3px 0px 0px 3px;
            }
            &:last-child {
                border-right: $border-style;
                border-radius: 0px 3px 3px 0px;
                ;
            }
        }
        .el-tabs__item.is-active {
            background: $btn-bg;
            color: #fff;
            border: 1px solid $btn-bg;
        }
    }
    .el-tabs {
        height: 97%;
    }
    .el-table {
        &:before {
            height: 0;
        }
        thead {
            font-weight: normal;
        }
        th {
            color: #333;
            background-color: #EBECF0;
            font-weight: normal;
            line-height: 18px;
            padding: 0px 0;
        }
        td {
            padding: 0px 0;
        }
    }
    .el-table--border {
        border: 1px solid #d8dce4;
        margin: 10px 0;
        font-size: 12px;
    }
    .el-table--border td,
    .el-table th.is-leaf {
        border-color: #d8dce4;
    }
    //.el-table__body-wrapper{
    //  @include scrollBarStyle;
    //}
    .el-pagination {
        button.btn-next,
        button.btn-prev {
            background-color: #fff;
            border: $border-style;
        }
        .el-pager li {
            border: $border-style;
            background: #fff;
            &:not(.disabled).active {
                background-color: $btn-bg;
                border: $btn-bg;
            }
        }
        .el-input__inner {
            border: $border-style;
        }
    }
    .el-radio__label {
        font-size: $font-size;
    }
    .el-form--inline .el-form-item__content {
        vertical-align: middle;
    }
}
.mySreen{
  width:100%;height: 100%;overflow: auto;position: relative;
  .screenBg{position: fixed;top:0px;left: 0px;right: 0px;bottom: 0px;z-index:0;background: url("http://snt-oss-yunzao-daily.oss-cn-hangzhou.aliyuncs.com/SquirrelUI/newScreen/Starrysky_bg2.png") no-repeat center center;background-size: cover }
  .screenBody{height: auto;
  .orderLi{width: 50%;float: left;text-align: center;margin: 4px 0px 14px}
    .orderLi p{font-size: 12px;color: #92d3e5;width: 98%;margin: 0 auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
    .orderLi .orderLi_num{font-size: 20px;line-height: 26px;color: #fff;width: 96%;max-width: 160px;height: 26px;margin: 0 auto;background: url('http://snt-oss-yunzao-daily.oss-cn-hangzhou.aliyuncs.com/SquirrelUI/subBg.png') no-repeat center center;background-size:158px;margin-top: 6px}
    .orderLi_num_click{cursor: pointer;border: 1px dashed #cf7c00}

    .item_num{overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    .SingleItem_ul{margin: 10px 0px;padding: 4px;overflow: hidden;border: 1px solid #005269}
    .SingleItem_li{
      width: 100%;float: left;text-align: center;padding: 6px 0px;position: relative;background: rgba(37, 110, 187, 0.21);margin-bottom: 2px;
    }
    .SingleItem_li_line{height: 22px;width: 1px;background: #fff;position: absolute;bottom: 8px;left: 50%;margin-left: -1px}
    .SingleItem_li .item{text-align: left;width: 50%;float: left;padding: 0 10px}
    .SingleItem_li .item:nth-child(2){border-left: 1px solid #00040a}

    .SingleItem_li .item_name{font-size: 12px;color:#92d3e5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    .SingleItem_li .item_num{font-size: 16px;color: #fff;line-height: 30px;}

    .SingleItemA_ul{margin: 10px 0px;padding: 4px;overflow: hidden;border: 1px solid #005269}
    .SingleItemA_ul .SingleItemA_li{ width: 100%;float: left;text-align: center;padding: 6px 0px;position: relative;background: rgba(37, 110, 187, 0.21);margin-bottom: 2px;}
    .SingleItemA_li_line{height: 22px;width: 1px;background: #fff;position: absolute;bottom: 6px;left: 50%;margin-left: -1px}
    .SingleItemA_li .item{width: 50%;float: left;position: relative;height: 30px;display: flex;text-align: left;}/*border-left: 1px solid #92d3e5*/
    .SingleItemA_li .item_name{font-size: 12px;padding-left: 6px;color: #92d3e5;display: inline-block;flex: 1;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 30px}
    .SingleItemA_li .item_line{border-left: 1px solid #f2f2f2}
    .SingleItemA_li .item_num{font-size: 16px;color: #fff;margin-top: 6px;display: inline-block;width: 54px;text-align: right;padding-right: 4px}

    .SingleItemB_ul{color: #fff;font-size: 12px}
    .SingleItemB_ul .SingleItemB_li{border-bottom: 1px solid #02537d;display: flex}
    .SingleItemB_li_div{flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #bddfff}
    .SingleItemB_li_p{width: 48px;text-align: right}
    .SingleItemB_li_div span{display: inline-block;width: 16px;height: 16px;border-radius: 50%;background:#047cdc;color: #fff;line-height: 15px;vertical-align: text-bottom;margin-right: 6px;text-align: center;font-size: 12px}

    .ulStock{display: flex;line-height: 24px}
    .ulStock .textbg{background: rgba(37, 110, 187, 0.21);text-align: center;border:1px solid #005a65;border-radius: 4px;margin-bottom: 4px}
    .ulStock_bor_bottom{border-bottom: 1px solid #005a65;line-height: 30px}
    .ulStockred{display: flex;color:red;}
    .ulStock_head{background:rgba(15, 65, 87, 0.7);color: #c7e3ff}
    .ulStock li{display:inline-block;padding-left: 2px;}
    .tdellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #86c4d5;text-align: left;padding:2px}
  }



}

.elContainer{
  .el-form-item--medium .el-form-item__label{vertical-align: middle;line-height: 36px;}
}
